{% extends "projetPHPidkdoBundle::layout.html.twig" %}

{% block title %}{{ parent() }} - Détail du cadeau{% endblock %}

{% block body %}
    <h2> Détail du cadeau  "{{ cadeau.titre }}" </h2>

    

    

<table class="table table-striped table-bordered" width="80%" border="0">
    

    <tr>
        <th scope="row">Auteur</th>
        <td><a href="{{ path('projetPHPidkdoBundle_voirCadeauCompte', {'id': cadeau.compte.id}) }}">{{ cadeau.Compte.login }}</a></td>
    </tr>

    <tr>
        <th scope="row">Posté le</th>
        <td>{{cadeau.date | date('d/m/Y à H:i') }}</td>
    </tr>

    <tr>
        <th scope="row">Description</th>
        <td><i>
    {% if cadeau.description != null %}
    {{ cadeau.description }}
    {% else %}
    Ce cadeau ne possède pas de description.
    {% endif %}
    </i></td>
    </tr>

    {% if cadeau.lienPhoto != null %}
    <tr>
        <th scope="row">Image</th>
        <td><a class="imagePop" title="{{ cadeau.titre }}" rel="group" href="{{ asset('img/cadeaux/') }}{{ cadeau.lienPhoto }}">   <img width= "200px;" src="{{ asset('img/cadeaux/') }}{{ cadeau.lienPhoto }}"></a></td>
    </tr>
    {% endif %}
    
    <tr>
        <th scope="row">Type</th>
        <td>Ce cadeau a été / va être 
        {% if cadeau.estOffert == true %}
            <strong>offert</strong>
        {% else %}
            <strong>reçu</strong>
        {% endif %}</td>
    </tr>
    <tr>
        <th scope="row">Cible</th>
        <td>Il est envoyé de <b>{{ cadeau.PersonneOffrant.type | lower }}</b> à <b>{{ cadeau.PersonneRecevant.type | lower }}</b>, pour un {{ cadeau.occasion.nom | lower }}.</td>
    </tr>
    <tr>
        <th scope="row">Genre{% if cadeau.genres.count > 1 %}s{% endif %}</th>
        <td>{% if cadeau.genres.count == 1 %}
        Ce cadeau est de genre {{ cadeau.genres[0].nom | lower}}.
    {% else %}
        Ce cadeau possède <b>{{ cadeau.genres.count }}</b> genres :
        <ul>
            {% for genre in cadeau.genres %}
                <li>{{ genre.nom }}</li>
            {% endfor %}
        </ul>
    {% endif %}</td>
    </tr>
</table>

    
 	


 	
	<hr />
	<h2>Commentaires</h2>
	{% if connected == true %}
		<p style="cursor: pointer;" onclick="$('#comForm').toggle();"><a>Donnez votre avis!</a></p>
		<form id="comForm" method="post" action="{{path('projetPHPidkdoBundle_voirCadeau', {'id': cadeau.id})}}" style="display: none;">
			<h3>Rédiger un commentaire</h3>
			<table>
				<tr>
					<td>Note</td>
					<td><select name="note">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
					</select></td>
				</tr>
				<tr>
					<td>Commentaire</td>
					<td><textarea name="texte" cols="" rows=""></textarea></td>
				</tr>
				<tr>
			</table>
			<button class="btn" type="submit" ><i class="icon-plus"></i>Poster</button>
			<hr />
		</form>
	{% endif %}
	{% if liste_commentaires|length == 0 %}
		<em>Aucun commentaire</em>
	{% else %}
		{% for v_com in liste_commentaires %}
			<div class="comm">
					{% for star in evaluations[v_com.id] %}
					<img src="{{ asset('img/') }}{{ star }}" width="15" heigth="15"></img>
					{% endfor %}
				<h4>Par {{ v_com.Compte.login }}</h4>
				<h5>Le {{v_com.dateCommentaire | date('d/m/Y à H:i') }}</h5>
				<p>{{ v_com.texte }}</p>
			</div>
		{% endfor %}
	{% endif %}
{% endblock %}